@import '@common/styles/index.scss';

.userCenterPost {
    padding: rem(24);
    cursor: pointer;

    .userCenterPostContent {
        display: flex;
        width: 100%;

        .userCenterPostAvatar {
            padding-top: rem(16);
            margin-right: rem(8);
        }
    }

    .userCenterPostTitle {
        font-size: 18px;
        color: var(--color-text-primary);
    }

    .userCenterPostInfo {
        display: flex;
        padding-top: rem(16);


        .userCenterPostInput {
            width: 100%;
        }
    }

    .userCenterPostList {
        padding-top: rem(24);
        display: flex;

        .userCenterPostListItem {
            margin-right: rem(24);
        }
    }

    .postInput {
        :global {
            .dzq-input__inner {
                cursor: pointer;
                background-color: $body-bg-color;
                border-color: $border-color;
                padding-left: rem($padding-4n);
            }
            .input-placeholder {
                color: var(--color-text-placeholder);
                font-size: rem($font-size-primary);
            }
        }
    }
}
